import type { Meta, StoryObj } from "@storybook/react";
import React from "react";
import KxMonthlyProgressTrendOfProjectsConstructionLineChart from "./index";

const meta = {
  title:
    "折线图/在建项目月份进度趋势折线图-KxMonthlyProgressTrendOfProjectsConstructionLineChart",
  component: KxMonthlyProgressTrendOfProjectsConstructionLineChart,
  tags: ["autodocs"],
  argTypes: {},
  decorators: [
    (Story) => (
      <div
        style={{ backgroundColor: "#06112B", height: "466px", width: "472px" }}
      >
        <Story />
      </div>
    ),
  ],
} satisfies Meta<typeof KxMonthlyProgressTrendOfProjectsConstructionLineChart>;

export default meta;
type Story = StoryObj<typeof meta>;

export const basic: Story = {
  args: {
    dates: [
      "2020-09",
      "2020-10",
      "2020-11",
      "2020-12",
      "2021-01",
      "2021-02",
      "2021-03",
      "2021-04",
      "2021-05",
      "2021-06",
      "2021-07",
      "2021-08",
    ],
    planAmount: [10, 20, 30, 40, 50, 60, 10, 20, 30, 40, 50, 60],
    realAmount: [10, 10, 3, 4, 5, 2, 1, 10, 10, 3, 4, 5],
  },
};
